<template>
  <!-- 社区管理 -->
  <section class="community-management" id="community-management">
    <div class="left-panel">
      <PeopleStaticInfo />
      <LegalPersonInfo />
      <AreaInfo />
      <EventInfo />
    </div>
    <div class="right-panel">
      <HouseType />
      <HouseUse />
    </div>
  </section>
</template>

<script>
import DivShell from '@src/components/divShell.vue'
import PeopleStaticInfo from './people-static-info.vue'
import LegalPersonInfo from './legal-person.vue'
import AreaInfo from './area-info.vue'
import EventInfo from './event-info.vue'
import HouseType from './house-type.vue'
import HouseUse from './house-use.vue'
export default {
  name: "CommunityManagement",
  components:{
    DivShell,
    PeopleStaticInfo,
    LegalPersonInfo,
    AreaInfo,
    EventInfo,
    HouseType,
    HouseUse
  },
  props: {
    title:{
      type: String,
      default:'丰图精准决策数字底板'
    }
  },
  data() {
    return {
      maxInfoNum:15483,
        
    };
  },
  mounted() {
     
  },
  methods: {
    
  },
  beforeDestroy() {
      
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
  .community-management{
    & .left-panel{
      position: absolute;
      top:100px;
      left: 20px;
    }
    & .right-panel{
      position: absolute;
      top:100px;
      right: 20px;
    }
  }
</style>
